body {
	background-color: #f8f8f8;
}
#topNavBox {
	width: 100%;
	height: 50px;
}
#topNav {
	padding: 0 16px;
	width: 100%;
	> ul {
		border-bottom: 1px solid #e6e6e6;
		li {
			flex: 1;
			height: 50px;
			line-height: 50px;
			text-align: center;
			box-sizing: border-box;
			&.activeTop {
				color: #4797fc;
				font-size: 16px;
				border-bottom: 2px solid #4797fc;
			}
		}
	}
}
// 跑步公里数
#distance {
	padding: 16px;
	width: 100%;
	color: #464646;
	border-bottom: 1px solid #e6e6e6;
	> p {
		span {
			font-size: 36px;
			color: #4797fc;
		}
	}
}
// 地图
#map {
	// 跑步类型
	width: 100%;
	height: 370px;
	.mode {
		padding: 26px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgb(192, 235, 255);
		.go {
			// top: 50%;
			// left: 50%;
			// transform: translate(-50%, -50%);
			width: 150px;
			height: 150px;
			border-radius: 50%;
			color: #2c97ce;
			line-height: 150px;
			font-size: 70px;
			font-weight: 500;
			background-color: rgba(71, 151, 252, 0.6);
		}
		.target {
			width: 100%;
			height: 40px;
			> span {
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				font-size: 20px;
				color: #8a8a8a;
				border-radius: 50%;
				background-color: #fff;
			}
			> button {
				height: 34px;
				width: 100px;
				border-radius: 18px;
				background-color: #4797fc;
				color: #fff;
			}
		}
	}
}
// 路线
#rode {
	padding: 16px;
	width: 100%;
	height: 60px;
	> h5 {
		height: 100%;
		span {
			font-weight: 200;
		}
	}
}
